<template>
  <div id="info">
    <div class="title" @click="RandomPage">我是testReact子项目</div>
  </div>
</template>
<script>
export default {
  data() {
    return {

    }
  },
  methods: {
    RandomPage() {
      let random = Math.random()
      this.$router.push(`/random/${random}`)
    }
  }

}

</script>
<style lang="less" scoped>
#info {
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  overflow: auto;

  .title,
  .nav {
    margin: 10px;
  }

  .router {
    flex: 1;
    box-sizing: border-box;
    border: 1px solid green;
    margin: 20px;
  }
}

a {
  cursor: pointer;
}
</style>
